<template>
	<div>
		<el-card class="!border-none mt-4" shadow="never">
			<el-tabs v-model="tabsActive" @tab-change="getLists">
			    <el-tab-pane
			        v-for="(item, index) in tabsMap"
			        :key="index"
			        :label="item.name"
			        :name="item.type"
			        lazy
			    ></el-tab-pane>
			</el-tabs>
			<el-table class="mt-[20px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="工序编号" prop="scene_name" align="center">
					<template #default="{ row }">
						<span class="main-color">22222</span>
					</template>
				</el-table-column>
				<el-table-column label="类型" prop="询价单" align="center"  />
				<el-table-column label="节点名称" prop="上海AAAA有限公司" align="center" />
				<el-table-column label="创建时间" prop="王小明" align="center"/>
				<el-table-column label="状态" prop="王小明" align="center" />
				<el-table-column label="操作" prop="王小明" align="center" >
					<template #default="{ row }">
						<el-button type="primary" link >
							<router-link :to="{
							        path: getRoutePath('PurchaseOrder.PurchaseOrder/examine'),
							        query: {
							            id: '1'
							        }
							    }">
								<span class="main-color1">审核</span>
							</router-link>
						</el-button>
						<el-button type="primary" link >
							<router-link :to="{
							        path: getRoutePath('saleOrder.saleOrder/DeliveryAudit'),
							        query: {
							            id: '1'
							        }
							    }">
								<span class="main-color1">详情</span>
							</router-link>
						</el-button>
					</template>
				</el-table-column>
			</el-table>
			<div class="p-[20px] v-flex v-row-right">
				<el-pagination color="#0054A6" background layout="prev, pager, next" :default-page-size="6" :total="1000"
					:pager-count="6" />
			</div>
		</el-card>
		<el-row class="mt-[30px]">
			<el-button class="main-color1 w-[100px] h-[36px]" >取消</el-button>
			<el-button class="w-[100px] h-[36px]" color="#0054A6" type="primary">提交</el-button>
		</el-row>
	</div>
</template>

<script lang="ts" setup>
	import { getRoutePath } from '@/router'
	const lists = ref<Array<any>>([
		{}, {}, {}
	])
	enum NoticeEnums {
	    All = 1,
	    PLATFORM = 2,
		HasRead = 3
	}
	const tabsActive = ref(NoticeEnums.All)
	const tabsMap = [
	    {
	        name: '全部',
	        type: 1
	    },
	    {
	        name: '待审核',
	        type: 2
	    },
		{
		    name: '已通过',
		    type: 3
		},
		{
		    name: '未通过',
		    type: 4
		},
	]
	const getLists = (fullPath: any) => {
	    
	}
</script>

<style lang="scss" scoped>
	:deep() .el-pagination.is-background .el-pager li.is-active {
		background-color: var(--el-text-color-main);
	}
</style>